<nz-page-header class="site-page-header" (nzBack)="onBack()" nzBackIcon nzTitle="Modal" [nzSubtitle]="subtitleTpl"></nz-page-header>
<ng-template #subtitleTpl> 包装<nz-tag>NzModalService</nz-tag>服务 </ng-template>

<nz-card>
  <div nz-row [nzGutter]="[16, 24]">
    <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="12" nzXl="12">
      <nz-card [nzBordered]="true">
        <div>
          <app-modal-tips></app-modal-tips>
        </div>
        <nz-divider nzText="描述" nzOrientation="left"></nz-divider>
        <p>信息提示对话框</p>
      </nz-card>
    </div>

    <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="12" nzXl="12">
      <nz-card [nzBordered]="true">
        <div>
          <app-modal-confirm></app-modal-confirm>
        </div>
        <nz-divider nzText="描述" nzOrientation="left"></nz-divider>
        <p>确认对话框</p>
      </nz-card>
    </div>
  </div>
</nz-card>
